<script type="text/javascript" src="{$base_dir}js/AJAX_SelectSurgeryService.js"></script>
<link href="{$base_dir}css/select_surgery_service.css" rel="stylesheet" type="text/css" />

<div class='form-container' id='get_surgery_service_dialog' style='display: none; width:670px'>
	<div class='left-list'>
		{foreach item=catergory from=$groupList}
		<a class='catergory' id='{$catergory.parent_id}' href='javascript:showGroup({$catergory.parent_id})'>
		{$catergory.parent_name}
		</a>
		<br/>
			{foreach item=group from=$catergory.groups}
			<div class='group-div' parent='{$catergory.parent_id}' style='display:none'>
				<a class='group' id='{$group.group_id}' parentId='{$catergory.parent_id}'
				href='javascript:showService({$group.group_id})'>
				{$group.group_name}
				</a>
			</div>
			{/foreach}
		{/foreach}
	</div>
	<div class='right-list'>
		<ul>
		{foreach item=service from=$servList}
			<li class='service' group='{$service.group_id}' style='display:none'>
				<a class='unselected' id='{$service.service_id}' surType='{$service.type}'
				href='javascript:setSelected({$service.service_id})'>
				{$service.name}
				</a>
			</li>
		{/foreach}
		</ul>
	</div>
</div>